<template>
	<view class="search_wrapper" @click="jumpSearchPage">
		<view class="search_wrap">
			<u-icon class="search_icon" name="search" size="24"></u-icon>
			<text class="message">搜索内容</text>
		</view>
	</view>
</template>

<script>
export default {
    data() {
        return {

        };
    },
	created() {
		
	},
    methods: {
		jumpSearchPage(){	// 跳转至搜索页			
			uni.navigateTo({ url: `/pages/searchList/index` });
		},       
    }    
};
</script>

<style lang="scss" scoped>
.search_wrapper{
	padding: 10px;
	box-sizing: border-box;
	.search_wrap{
		display: flex;
		align-items: center;
		padding: 0 10px;
		height: 36px;
		background-color: #f7f8fa;
		border-radius: 20px;
		color: #ccc;
		.search_icon{
			display: inline-block;
			margin: 0 5px 0 0;			
			color: #ccc !important;
		}
		.message{
			font-size: 15px;
		}
	}
}
</style>